<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<bsl:layout-render name="/WEB-INF/jsp/portalCommon/layout.jsp">
<bsl:layout-component name="html-head">
<meta name="description" content="Windy Warm Corporation is always engaged in manufacturer of gasoline containers and has many kinds of gas can series. Industry news will let you know the latest industry information.">
<script src="<%=request.getContextPath()%>/js/jcarousellite_1.0.1.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath()%>/js/jquery.mousewheel.js" type="text/javascript"></script>

<script type="text/javascript">
    
	$(function(){
        
        $(".anyClass").jCarouselLite({
	        btnNext: ".next",
	        btnPrev: ".prev",
	        auto: 4000,
	        speed: 1500,
	        visible:6,
	        mouseWheel: true,
	        scroll: 1
	    });
    });
    
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41141994-1', 'windywarm.com');
  ga('send', 'pageview');

</script>
</bsl:layout-component>
<bsl:layout-component name="title">
Gas Cans - ${curDivision.divNameEn}
</bsl:layout-component>
<bsl:layout-component name="content" >
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<c:set value="gas-cans" var="urlPrefix"></c:set>	
<div class="potal_title_div_without_float">
<div style="float:left;font: 12px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
	<a href="${contextPath}/${urlPrefix}/viewHome">Home</a> &gt; News
</div>
	
</div>
<div style="width: 100%;min-height:750px;">
<div id="newsquery">
<ul class="newsquery">	
<c:forEach var="article" items="${articles}" varStatus="vs" >
 
 <c:choose>
 	<c:when test="${vs.count%2 == 0 }">
 		<c:set value="background-color:#ffffff;" var="bgc"></c:set>
 	</c:when>
 	<c:otherwise>
 		<c:set value="background-color:#f5f5f5;" var="bgc"></c:set>
 	</c:otherwise>
 </c:choose>
 	<li class="title">
 	<div class="title">
	 	<a target="_self" href="${contextPath}/${urlPrefix}/viewNewsDetails?article.id=${article.id}">
	      ${article.title}
	    </a>
    </div>
 	<div class="time">
 		<jsp:include page="../common/timeFormatCommon.jsp">
		<jsp:param value="${article.createTime.time}" name="time"/>
		<jsp:param value="${article.createTime.year }" name="year"/>
		<jsp:param value="${article.createTime.month }" name="month"/>
		<jsp:param value="${article.createTime.day}" name="day"/>
		<jsp:param value="${article.createTime.hours}" name="hours"/>
		<jsp:param value="${article.createTime.minutes}" name="minutes"/>
		<jsp:param value="${article.createTime.date}" name="date"/>
	</jsp:include>
 	</div>
 	
 	
 	</li>
               
</c:forEach>
</ul>
<div>
			<jsp:include page="../common/pageNum.jsp">
					<jsp:param value="${contextPath}/${urlPrefix}/viewNewsList?" name="actionName"/>
					<jsp:param value="${page}" name="page"/>
		        </jsp:include>
	</div>	
</div>
</div>
<div class="bottom_conetent">
	<div class="potal_title_div">
				<div style="float:left;font:normal 16px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					Main Products
				</div>
					<div style="float:right;width:60px;height:38px;background:url(images/title.png) -940px 0px no-repeat"><a href="${contextPath}/${urlPrefix}/viewProducts" style="display:inline;font:10px/38px Verdana,microsoft yahei,Arial;color:#505050;">More &gt;&gt;</a></div>
					
				</div>
	
	
	
		<div class="anyClass" style="float:left;">
		    <ul>
		    
		    	<c:forEach var="demo" varStatus="vs" items="${demoList}">
		
						<li>
							<a href="${contextPath}/${urlPrefix}/viewProductItem?article.id=${demo.id}"><img src="${contextPath}${demo.album.coverPhoto.thumbnailMiddle}" alt="" width="132" height="110" ></a>
						</li>
				</c:forEach>
		        
		    </ul>
		</div>
	</div>

</bsl:layout-component>

<bsl:layout-component name="side_info">

	<jsp:include page="prodCateInfo.jsp">
		<jsp:param value="${productDiv}" name="productDiv"/>
 		<jsp:param value="${curCategory}" name="curCategory"/>
   	</jsp:include>
	
		<jsp:include page="contactInfo.jsp">
		<jsp:param value="null" name="null"/>
   	</jsp:include>
	
</bsl:layout-component>

</bsl:layout-render>